/**
 * Page Container
 */
.container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;

  &.unset-max-width {
    max-width: unset;
    width: max-content;
  } 
}

.index_module_header {
  text-align: center;

  a {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
    text-decoration: none;
    color: #000;
    font-size: 2.2rem;
    letter-spacing: 4px;
  }

  p {
    max-width: 80%;
    text-align: center;
    margin: 1rem auto;
    color: #787a7f;
  }
}

@for $i from 1 through 6 {
  .text-ellipsis-#{$i} {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: $i;
    -webkit-box-orient: vertical;
  }
}
